@os-design/styles
Common styles used in os-design. Emotion is used to define styles.
ellipsisStyles
– Truncates a single line of text with an ellipsis (...).enableScrollingStyles
– Enables smooth scrolling.horizontalPaddingStyles
– Sets the base horizontal padding.lineClampStyles
– Truncates text at a specific number of lines with an ellipsis (...).resetButtonStyles
– Resets the default button styles.resetFocusStyles
– Resets the default focus styles.resetUlStyles
– Resets the default ul styles.sizeStyles
– Sets the size of the element using the size parameter, which can be either small, medium, large, or custom string (for example, 2em).transitionStyles
– Sets the transition of one or more css properties.
Installation
Install the package using the following command:
yarn add @os-design/styles
Install peer dependencies using the following command:
npx install-peerdeps @os-design/styles
See all the features in the Storybook.